@charset "utf-8";

.develop{padding:1.68rem 0 1.2rem;overflow:hidden;}
.develop .time-tab{left:0;width:55.94rem;bottom:3.5rem;}
.develop .time-tab::after{content:"";width:100%;padding-bottom:10.363736062%;display:block;}
.develop .time-tab .time-line{width:100%;height:100%;left:0;}
.develop .time-tab .point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#fff;border-radius:100%;}
.develop .time-tab .item{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;cursor:pointer;}
.develop .time-tab .item:nth-child(1){left:2.48rem;bottom:.47rem;}
.develop .time-tab .item:nth-child(2){left:4.86rem;bottom:.69rem;}
.develop .time-tab .item:nth-child(3){left:7.22rem;bottom:.73rem;}
.develop .time-tab .item:nth-child(4){left:9.56rem;bottom:0.99rem;}
.develop .time-tab .item:nth-child(5){left:11.93rem;bottom:1.04rem;}
.develop .time-tab .item:nth-child(6){left:14.29rem;bottom:1.23rem;}
.develop .time-tab .item:nth-child(7){left:16.65rem;bottom:1.44rem;}
.develop .time-tab .item:nth-child(8){left:19rem;bottom:1.83rem;}
.develop .time-tab .item:nth-child(9){left:21.4rem;bottom:1.82rem;}
.develop .time-tab .item .point:before,.develop .time-tab .item .point:after{content:"";position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.4);opacity:0;}
.develop .time-tab .item.cur .point:before,.develop .time-tab .item.cur .point:after{opacity:1;}
.develop .time-tab .item .year{position:absolute;left:50%;bottom:0;font-size:18px;transform:translateX(-50%);white-space:nowrap;color:rgba(255,255,255,.4);padding-bottom:.25rem;transition:all .3s;}
.develop .time-tab .item.cur .year{color:#fff;}
.develop .time-tab .item.cur .point:before{animation:pointAni 3s .75s infinite;}
@keyframes pointAni{
  0%{transform:translate(-50%,-50%) scale(1);opacity:0}
  20%{opacity:1}
  75%{transform:translate(-50%,-50%) scale(2);opacity:0}
  100%{opacity:0}
}
.develop .develop-intor-box{width:672px;}
.develop .develop-intor{margin-top:2.7rem;}
.develop .develop-intor-box .develop-intor-desc{margin-top:.32rem;line-height:1.8;}
.develop .develop-intor-nav .iconfont{padding:.1rem .3rem;cursor:pointer;}
.develop .develop-intor-nav .iconfont.disabled{opacity:.4;cursor:not-allowed;}
.develop .develop-intor-nav{padding-top:.5rem;}
.develop .develop-intor-nav .swiper--time-around{flex:1;display:inline-block;height:30px;line-height:30px;margin:0;padding-left:20px;padding-right:20px;}
@media (max-width:1366px){
  .develop .develop-intor-nav .swiper--time-around .time-around{font-size:22px;}
}
@media (max-width:1280px){
  .develop .develop-intor-nav .swiper--time-around .time-around{font-size:20px;}
}
@media (max-width:1024px){
  .develop .develop-intor-nav .swiper--time-around .time-around{font-size:16px;}
}
@media (max-width:769px){
  .develop{padding:1rem 0;}
}
@media (max-width:500px){
  .develop .develop-intor-box h2{font-size:24px;}
}

@media (max-width:1720px){
  .develop .time-tab{bottom:4rem;}
}
@media (max-width:1440px){
  .develop .time-tab{bottom:3.6rem;}
}

@media (max-width:1280px){
  .develop .time-tab{bottom:3rem;}
}

@media (max-width:1080px){
  .set .icon-click{display:none;}
  .develop .time-tab{bottom:3.5rem;}
  .about-award .about-award-top{margin-bottom:1em;}
}

@media (max-width:768px){
  .develop .time-tab{bottom:3rem;}
}
@media (max-width:500px){

  .develop .time-tab{position:relative;bottom:2rem;}
  .develop .develop-intor{margin-top:.1rem;}
  .develop .develop-intor-nav{height:120px;padding-top:0;}
  .develop .develop-intor-nav .swiper--time-around{height:120px;line-height:30px;}
  .develop .develop-intor-nav .swiper-slide{align-items:center;display:flex;}
  .develop .time-tab::after{padding-bottom:50px;}
  .develop .time-tab{bottom:1rem;opacity:0;}
}